<template>
  <div>
    <p><span>账号：</span> <input type="text" /></p>
    <p><span>密码：</span> <input type="text" /></p>
    <p><button onClick="{dlu}">登录</button></p>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
div{
    position: absolute;
    left: 50%;
    top: 40%;
    width: 25%;
      transform: translate(-50%, -50%);
    height: 200px;
    background-color: whitesmoke;
}
  p{
        text-align: center;
        margin-top: 25px;
    }
    span{
        color: #f56c6c;
        font-size: 14px;
        vertical-align: middle;
    }
    input{
        border: 1px solid #f56c6c;
        width: 60%;
        outline-color: #f56c6c;
    }
    button{
        border: 1px solid #f56c6c;
        width: 30%;
        color:#f56c6c ;
        border-radius: 5%;
    }
</style>